var myChart = echarts.init(document.getElementById("idx1"))
var option = {
    title: {
        text: '地图--周子昂',
    },
    series:{
        type:'map',
        map: 'china',
    },
};
myChart.setOption(option)
//--------------------------------
var myChart2 = echarts.init(document.getElementById("idx2"))
var option2 = {
    title: {
        text: '地图--周子昂',
    },
    series:{
        type:'map',
        map: 'world',
    },
};
myChart2.setOption(option2)
//--------------------------------
var myChart3 = echarts.init(document.getElementById("idx3"))
var option3 = {
    title: {
        text: '地图--周子昂',
    },
    series:{
        type:'map',
        map: 'china',
        selectedMode: 'multiple',
        roam: true,
        left: 0,
        right: 0,
        top: 0,
        bottom: 0,
        select:{
            itemStyle:{
                areaColor:'red',
            }
        }
        //boundingCoords: [[-180,90],[180,-90]],
    },
};
myChart3.setOption(option3)
//--------------------------------
var myChart4 = echarts.init(document.getElementById("idx4"))
var option4 = {
    title: {
        text: '地图--周子昂',
    },
    visualMap: {
        max:15,
        min:1,
        range:[2,10],
        inRand:{
            color:['green','yellow']
        },
        calculable:'true',
        top:'bottom',
        left:'center',
        orient:'horizontal',
    },
    series:{
        type:'map',
        map: 'china',
        selectedMode: 'multiple',
        roam: true,
        data: [{
            name: '浙江',
            value: 10,
            label: {
                show: true,
                color:'black',
            },
            itemStyle: {
                areaColor: 'yellow',
            },
        },{
            name: '福建',
            value: 8,
            label: {
                show: true,
            },
        },{
            name: '广东',
            value: 6,
            label: {
                show: true,
            },
            itemStyle: {
                areaColor: 'red',
            },
        },{
            name: '黑龙江',
            value: 4,
            label: {
                show: true,
            },
            itemStyle: {
                areaColor: 'red',
            },
        },{
            name: '四川',
            value: 2,
            label: {
                show: true,
            },
            itemStyle: {
                areaColor: 'red',
            },
        }],
        //boundingCoords: [[-180,90],[180,-90]],
    },
};
myChart4.setOption(option4)
//--------------------------------
var myChart5 = echarts.init(document.getElementById("idx5"))
var option5 = {
    title: {
        text: '地图--周子昂',
    },
    geo: {
        map: 'china',
        roam: true,
        itemStyle: {
            areaColor: 'gray',
        },
    },
};
myChart5.setOption(option5)
//--------------------------------
var myChart6 = echarts.init(document.getElementById("idx6"))
var option6 = {
    title: {
        text: '地图--周子昂',
    },
    geo: {
        map: 'china',
        roam: true,
    },
    series: [{
        type:'scatter',
        coordinateSystem: 'geo',
        data:[{
            name: '北京',
            value: [116.20,39.96,35],
        },{
            name: '上海',
            value: [121.47,31.23,30],
        },{
            name: '广东',
            value: [113.5,22.5,25],
        },{
            name: '陕西',
            value: [108.5,33.5,20],
        },{
            name: '黑龙江',
            value: [126.66,45.90,15],
        },{
            name: '四川',
            value: [104.06,30.67,10],
        }],
        symbolSize: function(dataX){
            return dataX[2];
        },
    }],
};
myChart6.setOption(option6)
//--------------------------------
var myChart7= echarts.init(document.getElementById("idx7"))
var option7 = {
    xAxis: {
        name: '日期',
        type: 'category',
        data: ['2012','2013','2014','2015','2016','2017','2018','2019','2020'],

    },
    visualMap: {
        max:2000,
        min:0,
        inRand:{
            color:['green','yellow']
        },
        calculable:'true',
        top:'top',
        left:'right',
    },
    yAxis: {
        name: "产量",
        min: 0,
        max: 2000,
    },
    legend: {
        show: true,
        bottom: 1,
    },
    title: {
        text: '产品占比-周子昂',
        left: 'center',
    },
    series: [{
        type:'scatter',
        name: '产品A',
        data: [400,600,700,700,1000,400,400,600,700],
        label: {
            show: true,
            position: 'top',
        },
    },{
        type:'scatter',
        name: '产品B',
        data: [400,500,500,500,500,400,400,500,500],
        label: {
            show: true,
            position: 'top',
            
        },
    },{
        type:'scatter',
        name: '产品C',
        data: [400,400,300,300,300,400,400,400,300],
        label: {
            show: true,
            position: 'top',
        }, 
    }
  ],
};
myChart7.setOption(option7)